/**
 * Created by Administrator on 2017/6/30.
 */

import React from 'react'
import {View,StyleSheet,Text,Image,TouchableOpacity} from 'react-native'
import ScrollableTabView, {DefaultTabBar, } from 'react-native-scrollable-tab-view';

import page1 from './TabPage_1'
export default class ProfitDetails extends React.Component{

    static navigationOptions = ({navigation}) =>{
        const {goBack,navigate} = navigation;
        return{
            headerStyle: {
                height: 70,
                backgroundColor: '#F1982F',
            },
            title: '收益详情',
            headerTitleStyle: {
                color: '#FFFFFF',
                alignSelf: 'center',
                marginTop: 25,
                marginLeft: -10,
            },
            headerLeft: <TouchableOpacity style={{marginLeft: 10, marginTop: 25}} onPress={() => goBack()}>
                <Image source={require('../.././Img/btn_fanhui@2x.png')}/>
            </TouchableOpacity>
        }
    }
    render(){
        return(
            <ScrollableTabView
                renderTabBar={() => <DefaultTabBar />}
                tabBarBackgroundColor='#FFFFFF'
                tabBarActiveTextColor='#F1982F'
                tabBarTextStyle={{fontSize: 16}}>
                <Text tabLabel='订单'>订单</Text>
                <Text tabLabel='自提'>自提</Text>
                <Text tabLabel='扫码'>扫码</Text>
            </ScrollableTabView>
            )

    }
}

